<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>CSS Test: Unordered List with lower-roman style</title>
  <style type="text/css">
	ul.lower-roman li {list-style-type: lower-roman;}
  </style>
 </head>
 <body>

   <h1>List-Style-Type: lower-roman</h1>
   <p>The following two sections should look the same except for indentation:</p>

   <ul class="lower-roman">
	 <li/>
	 <li/>
	 <li/>
	 <li/>
	 <li/>
	 <li/>
	 <li/>
	 <li/>
	 <li/>
	 <li/>
	 <li/>
	 <li/>
   </ul>
   <hr/>
   <div style="padding-left: 1em;">
	 i.<br/>
	 ii.<br/>
	 iii.<br/>
	 iv.<br/>
	 v.<br/>
	 vi.<br/>
	 vii.<br/>
	 viii.<br/>
	 ix.<br/>
	 x.<br/>
	 xi.<br/>
	 xii.<br/>
   </div>
   
 </body>
</html>
